<template>
    <div id="jfmall" class="jfmall">
    	<jf-header></jf-header>
        <jf-login></jf-login>
        <div class="jf-wrapper" ref="jfwrapper">
            <div>
                <jf-list></jf-list>
            </div>
        </div>
    </div>
</template>

<script>
import Bscroll from 'better-scroll'
import JfHeader from '@/common/JfHeader.vue'
import JfLogin from '@/pages/jfmall/components/login.vue'
import JfList from '@/common/JfList1.vue'
export default {
    name: 'Jfmall',
    data(){
        return {
            
        }
    },
    mounted(){
        this.$nextTick(() => {
            if(!this.Jfscroll){
                this.Jfscroll=new Bscroll(this.$refs.jfwrapper)
            }else{
                this.Jfscroll.refresh()
            }
        })
    },
    components:{
        JfHeader,
        JfLogin,
        JfList
    },
    props:{
        swiperList:Array,
        icon_img:String,
        icon_list:Array,
        coupon_list:Array,
        seckill_link:String,
        seckill_list:Array,
        seckill_tit:String,
        goods_list1_data:Array,
        goods_list1_img:String,
        goods_list1_2_data:Array,
        goods_list1_2_img:String,
        goods_list2_data:Array,
        goods_list2_title:String
    },
  methods:{
    
  }
}

</script>

<style lang="stylus" scoped>
.jf-wrapper{position:absolute;left:0;top:81px;right:0;bottom:50px;}

</style>